¿Emoticones en los comentarios? vale, pues alegremos esos comentarios.
¿Qué ya se ha dicho todo sobre ellos y es un tema muy visto? cada día surge una pregunta sobre cómo añadirlos y no hay nada mejor que tener respuesta a esas preguntas.
Los emoticones los añadí hace tiempo de forma muy sencilla, para más tarde eliminarlos y volver a añadirlos, esta vez siguiendo las explicaciones de J.Miur 1 luego hubo una siguiente explicación 2 con ella tenemos la posibilidad de añadir el script en una nueva sección de html.
Al final de su entrada J.Miur hace una observación:
"Si queremos usar otra imagen, la alojamos en algún lado y luego modificamos la dirección URL"
Esa observación fue la que me dió la idea de añadir otras imágenes.Los comentarios de autor de mi blog, comienzan siempre con esta imagen 
nada del otro mundo pero me gusta, la añado al principio de cada respuesta y da sensación de orden.
nada del otro mundo pero me gusta, la añado al principio de cada respuesta y da sensación de orden.Este sería un ejemplo de emoticon (secreto)
en el script que añadimos a la plantilla:// :-X
cualTexto = cualTexto.replace(/:-\X/g,'<img src="url-imagen-emoticon-secreto.gif" />');
Cada emoticon lleva la url de una imagen asociada al emoticón, podemos sustituir esa imagen por cualquier otra sustituyendo la url por la de nuestra imagen, puede ocurrir que alguna visita piense entonces que tenemos todas las imágenes de los emoticones y al teclear :-X en lugar del emoticon se muestre la imagen que lo sustituye.
Lo que hice fue cambiar la url y sustituir :-X por cualquier otras letras, pongamos por ejemplo X-XQuedaría así:
// X-X
cualTexto = cualTexto.replace(/X-\X/g,'<img src="url-de-tu-imagen" />');
Para el ejemplo añadí una imagen grande, yo diría exagerada con la idea de ver la diferencia, lo recomendable es añadir imágenes pequeñas tipo favicon que nunca sea mayor al espacio que tenemos en los comentarios.
Es recomendable alojar las imágenes de los emoticones nosotros mismos y sustituir las del script por las nuestras, de esa forma nos evitamos posibles problemas con los archivos de imagen y el servidor donde se encuentran alojadas.
genial! cómo siempre.
gracias!
Muchas gracias Gem@, me estoy iniciando en esto de blogger y tus consejos me han venido muy bien.
He podido seguir siempre todas tus indicaciones sin problemas, y como soy de la opinión que cada uno debería alojar sus propias imágenes, me he buscado unos iconos y me he dispuesto a subirlos (lo hago desde un blog de pruebas) mi problema viene desde anoche, no consigo alojar ninguna imagen en blogger (desde mi HD), cuando parece haberla cargado devuelve un mensaje de error y no aparece en picassa. Es la primera vez que me pasa y solo es desde anoche. Por supuesto que he probado con distintas imágenes, lamentablemente con el mismo resultado. Sabrías decirme si esto es habitual, si puedo solucionarlo de alguna manera, o en su defecto si blogger tiene algún "panel informativo" donde consultar incidencias?
Muchas gracias de antemano.
excelente explicación Piedra Preciosa, no sabía de esto, como tantas cosas que no 'sepo, sabo' :P
Besos tesoro y unos días bonitos
:: Me alegra que te guste *Eva* :)
:: Maduixa el editor de entradas anoche daba problemas, creo que puede ser debido a los cambios que se han realizado, en la siguiente entrada a esta hablo de ello. Ahora mismo yo he probado sin problemas :D
Las incidencias de Blogger así como el Centro de asistencia y algún enlace más de interés puedes verlo en "Escritorio" al final del todo, allí hay enlaces que te llevan al sitio :)
:: Que tengas un lindo día también Graciela, gracias por por tus comentarios siempre alegres :D
Gem@, muchísimas gracias por tu respuesta.
Por unos momentos me he sentido torpe, torpe... pero me gustaría comentarlo aquí por si puede servir de ayuda a alguien. A veces una tontería te ofusca y no ves con perspectiva. Suelo dejar trabajando siempre el ordenador y a veces reinicio cuando no hay más remedio y todo se va viniendo abajo, vamos, cuando no tengo más narices. Llevo varios días intentando empaparme de css y html para el blog, y cuando te he posteado mi consulta se me ha ocurrido usar otro ordenador y otra cuenta para probar, efectivamente todo iba correcto. He vuelto al mío he reiniciado et voilà, ahora puedo alojar imágenes. :S
Disculpa si he hecho perder tu tiempo, y muchísimas gracias por todo lo que haces para neófitos como yo.
Se escribe Exagerada no exajerada.
No te habia visto faltas de ortografia Gemma hasta ahora. Ya no tomes tanto cafe :-)
:: Maduixa esas cosas pasan, a veces nos complican la vida porque no tienen explicación ni lógica. A esos problemillas les llamo yo errores fantasma no se sabe el por qué y se solucionan solos :)
Está genial eso que te documentes de CSS y HTML ;)
:: Pues si Henry llevas toda la razón del mundo, era para saber si leías la entrada o mirabas los dibujitos :D
Seguí hace poco la explicación de Jmiur alojando el script fuera de la platilla en un elemento. Me dio resultado claro que luego estuve dando vueltas hasta que dí con donde quería que aparecieran la imagen de los emoticones al final di con ello, pero como tengo una imagen debajo aún no he conseguido cuadrarlo y queda más ancho que el formulario de comentarios, pero desde entonces tengo la idea de cuando tenga tiempo ir buscando y cambiando uno a uno por los que me gusten, si es que los encuentro.
:: Dña. Urraca es una buena idea salir de los emoticones tradicionales. Cuando los tengas me gustaría verlos :)
hola gracias por la informacion pero en mi blog no funciona tal vez sea por la plantilla, bueno te dejo la url si deseas pasar a revisar http://oneclickdd.blogspot.com/ .
gracias
Hola Gema, espero que puedas ayudarme. Ya intente varias veces poner emoticones en mi blog y no me sale. XX
Mi duda es si coloqué mal es script.
Use este código de JMiur
b:if cond='data:blog.pageType == "item"'
script src='direccion_URL/VEmoticones.js' type='text/javascript'/
script type='text/javascript'
emoticonComentario();
/script
/b:i
y reemplaze: script src='direccion_URL/VEmoticones.js' type='text/javascript'/
por el archivo que tienes en tu blog, para no tener problemas de alojamiento.
Hice algo mal? porque no me aparecen los emoticones?
Gracias!
:: nakahito no veo el archivo de los emoticones añadido en tu plantilla :(
:: La Dueña es distinta forma de añadir los emoticones, creo que estás añadiendo la explicada por J.Miur en la primera entrada, en esa es necesario alojar el archivo en un servidor externo.
El archivo que yo proporciono es un archivo de texto preparado para añadir directamente a la plantilla precisamente por ese motivo, para no usar alojamiento externo.
En la segunda explicación de J.Miur tampoco es necesario alojamiento externo, porque se añade en un gadget de html
Para no confundirte puedes optar por utilizar cualquier método de añadirlos pero siempre usando el archivo que se proporciona en la explicación ;)
Hola GEMA, cuando dices
Después de la definición añadimos el script que podemos copiar del siguiente archivo
Si todo ha ido bien nuestros comentarios ya disponen de emoticones.
en k parte de la plantilla es que lo coloco??
:: Hola Arepa :)
Si la definición va justo antes de </head> y el script después de la definición sería algo así:
<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>
<script type='text/javascript'>
contenido de script
...
...
...
</script>
</head>
lamentablemente no me sirve para nada...no me funciona lo coloque igualmente como lo describes en con la plantilla expandida??
no me funciono :(
:: No hace falta expandir la plantilla, pero ese no sería el problema. Tendría que verlo online para saber donde está el error. ¿En qué blog está añadido?
http://quemagoma.net este es el blog verificame eso a ver que pasa por k en realidad estoy teniendo problemas serios con eso desde hace tiempo eh querido agregar el sistema de iconos en los comentarios y no eh podido lograrlo...si hay alguna forma de hacer que tu lo hagas directamente tuu a mi blog tu decides solamente tenemos k ponernos en contacto directo en chat...dejame saber o agregame aqui quemagoma.net@hotmail.com el objetivo es lograr ponerlo
:: Arepa yo no veo los emoticones puestos en esa plantilla :O
Lo siento pero para guiarte debe ser por este medio.
Ok ya esta todo listo como indicas aver verifca a ver k me dices gema por que no me sale por ninguna parte http://quemagoma.net
:: Muy bien el error era mío en ese script faltaba añadir CDATA para poder añadirlo en la plantilla directamente.
Prueba ahora descargando de nuevo el archivo ;)
Lamentablemente sigo con el mismo problema no me salen las caritas al dejar comentarios... y claro esta que lo puse como indicas descargue nuevamente el archivo y copie el codigo del script y lo coloque como indicas y nada k nada sale :(
tambien otro problema es k cuando dejo el script guardadoo y lo dejo por mucho tiempo por ejemplo si lo quiere dejar para k veas y verifiques lo k hace es k solo sale el primer post y no sale mas nada nose k pasa... quizas sea k ya no tenga solucion se acabaron todas las opciones?? por k en verdad me interesa eso
:: Pues la única solución que veo es que lo añadas a un blog de pruebas Arepa al menos para saber si de ese modo funciona.
bueno aunque llevaba mucho tiempo en busca de como agregar ese sistema de iconos y no lo eh logrado aun... keria darte las gracias por averme puesto asunto y dedicando tu precioso tiempo en mii tambien keria decirte k aunk nunka dejo comentarios pues me sirve de mucha ayuda tu blog esta perfecto, saludos desde dominican republic gracias
:: Gracias Arepa, lo ideal sería conseguir que los iconos funcionaran pero te agradezco las palabras :)
Si Gema quite los emoticons porque con ellos no funcionaba la vista previa para comentar :'(
:: No he podido ver tu blog nakahito, para saber el por qué no funciona algo es necesario verlo online :S
Bueno.. intente colocarlo de nuevo hoy pero no sale nada :S tal vez sea porque no tengo esto : "comment-body" p img ? parece que es importante para que funcione el css
:: Eso que me comentas está relacionado con el avatar de comentarios, creo que tu mismo has descubierto el problema.
Mira la siguiente entrada de J.Miur es muy largo para explicarlo aquí en un comentario:
http://vagabundia.blogspot.com/2009/09/avatares-en-los-comentarios-y-problemas.html
Ya me dirás si es la solución ;)
:( no me funciona, eh hecho todo al pie de la letra y nada, mi blog degafe.blogspot.com
saludos!!
:: degafe ¿añadiste primero los emoticones como indica J.Miur de Vagabundia?
:$
Vaya, me parece que me he comido un paso como degafe? no me sale nada haciendo los DOS pasos: definición para alinear la imagen con el texto y seguido he copiado el archivo antes del /head.
Tengo tal lio con las entradas de JMiur (como me oiga me mata jajaja) que al leerte he creido que si empezabamos desde cero todo se resumía a tus dos pasos...:S
Me he perdido, me he perdido...
:: En realidad son dos pasos Maite, yo indico los que he seguido es decir, añadir la definición y seguidamente el contenido del archivo que se descarga.
Luego lo que hice que no está explicado aquí fue en lugar de incluir una imagen encima del editor de comentarios incluir una tabla con las imágenes de los emoticones para tener la opción de poder copiar los símbolos de abajo.
Pues entonces en teoría es facil, los dos pasos, y lo he hecho pero no sale. Lo he hecho en dos blogs y nada, incluso el de pruebas lo he puesto pulico por si ese era el problema y nada...
:: Voy a repasarlo en mi blog ;)
Espera, que le estoy dando vueltas :P lo de emoticonComentario() no se debería repetir en algun otro sitio además de en la definición? hablo sin saber, claro... me faltará algo?
:: Prueba añadiendolo así como dice J.Miur para indicar que nos encontramos en una página individual.
<b:if cond='data:blog.pageType == "item"'>
aquí incluyes el contenido del archivo
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>
Gemaaaaaaaaaa no te preocupes! que ya he dado con ello! no había puesto antes del /body el script de emoticonComentario() !!!!!!!! he ido a la segunda y luego a la primera entrada de JMiur otra vez buscando justo eso y ahora me salen!!!
Jo, siento haberte hecho perder tiempo!
:: Estupendo!! ya decía yo que era raro :)
Espera, que mi método sale mal, al ir a cmentarios desde la pagina principal resulta que no sale el cuadro para publicar a no ser que de a actualizar la pagina... voy a probar con el tuyo, uf, qué lio jejeje
Tanto con tu método como con el mío el problema es dónde pongo este if. SI lo pongo justo antes del cierre del body no me sale la caja para publicar a no ser que le de a actualizar la pagina. Si lo pongo más arriba sale la caja pero no salen los emoticonos. Qué jaleo!
Alucinante. Lo acabo de probar nuevamente y por una vez ha ganado IE 1-Firefox 0. En IE se ve bien a la primera, con fire tengo que actualizar la pagina para que se vea la caja para publicar! los quito y con más tiempo lo miramos, vale? gracias y, bien domingo! :D hoy me voy de fiestaaaaaa :D
:: El tema navegadores es digno de llevarlo a debate :S
Que tengas buen domingo y lunes y martes, y miércoles y..
y... por lo pronto hoy ha sido un día fantástico! besos :D
:: Pensaba que había respondido a tu comentario Maite, pero fue mi subconsciente :)
Me alegra lo pasaras divino, este fin de semana otra vez ;)
Hola Gem@, por aqui otra vez pidiendo una ayudita. He seguido los pasos que nos enseñas para añadir emoticonos a los comentarios. Puse otros iconos y los subi a Picasa. Pero lamentablente no salen :'( No se ve nada. En que estoy fallando? Desde ya muchas gracias por ayudarme, bsss.
:: Hola Carolina prueba a mover el script de los emoticones,puedes ponerlo antes de </body> o <div id='sidebar-wrapper'>
Hola Gem@, mil gracias, pero no hay caso, no quieren aparecer :'( . Yo uso el formulario de comentarios incrustado de Blogger,será que con ese no se puede? En fin, digo cualquier cosa porque no sé que puede pasar. Quedan tan bonitos, es una pena. Buen finde y bsss
:: Carolina sigue los pasos indicados por J.Miur a lo mejor te resulta más útil.
http://vagabundia.blogspot.com/2007/08/blogger-y-los-emoticones.html
Probaré de nuevo paso a paso como yo indico por si viera algún error :S
Gracias Gem@, mañana me pongo con el post de JMIur a ver si consigo algo. Traté incluso de alojar el script fuera de la plantilla, pero sigue sin funcionar. Creo que es la plantilla :-I
pero no lo sé a ciencia cierta. Gracias por estar siempre alli, buen inicio de semana :) bss
:: Voy a mirar si lo solucionaste Carolina :)
Gracias por preocuparte Gem@ :), estuve en lo de JMiur, seguí sus pasos pero no hay caso, incluso me desaparecía el recuadro blanco para poner el comentario. Solucionaba eso y los dichosos emoticonos ni asomaban. Lei ahi mismo que a veces es problema de la plantilla que tenemos en uso. No pasa nada, a cambio me has ayudado muchisimo, hoy aprendí a poner sombra en texto, que para mi que sé poquito es un montón. Un cariño y buena semana
Buenas noches Gema!!!
He tratado de hacerlo pero no me sale.... no se por que...
http://canelaprueba.blogspot.com/
Lo que tiene que salir son estos que están aquí arriba , no?
Lo que me refiero es que se ven los iconos, no?
Gracias
:: Carolina voy a apuntarme este tema para dedicarle tiempo en el fin de semana y vemos si conseguimos algo.
:: Canelaytu no, con esta entrada lo que tratamos de conseguir es sustituir cualquier imagen de los emoticones añadidos en los comentarios por otra.
Lo que tratas de hacer creo que es esto, mira
%% aquí
Hola rosa como hago para hacer una tabla así como la que tu tienes de los emoticones por que yo tengo es una imagen fija para todos y esta http://i41.tinypic.com/dg3oxx.jpg y quiero la tabla como la tuya para que se vean los que se mueven :D.
:: Tengo pendiente publicar esa entrada cargohe ;)
Hola gem@ de nuevo estoy visitando tu blog a ver nuevas cosas aprendo :)
Esta vez te tengo una pregunta ya he visto esto de los emoticones en varios blogs pero no logro aplicarlo en mi plantilla no se si hago algo mal sigo todos los pasos pero no funciona ..
yo uso las plantillas que se crean con el diseñador nuevo y la estructura es muy difenrente me preguntaba si sabes como puedo aplicar este truco de los emoticones en las plantillas nuevas
Saludos y gracias
:: Sakura 94 esta entrada no es para añadir los emoticones sino para cuando ya están añadidos saber como le podemos añadir unas imágenes extras.
Desconozco la estructura de las nuevas plantillas :S
Gem@ tengo una duda, yo quiero sustituir las caritas es decir a la combiancion de letras, , por un código especial, ejemplo (:que:), lo que esta dentro del parentesis es lo que quiero agregar, como le haria??
:: jlmdron no hay que marcar sobre las caritas sino copiar y pegar ;)
:) :'( :( :P :D :$ ;) :-I :X :O |O :S
:: Siento ver tu comentario tan tarde Krazor y no entiendo bien lo que deseas hacer :S
Nota: solo los miembros de este blog pueden publicar comentarios.